<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>定时器</title>
</head>
<body>

</body>
<script>

    let i = 0;

    //作用：每隔多长执行一次（类似于while循环）
    //参数1： 要执行方法 ， 参数2 ：是 时间间隔
    // let a = window.setInterval(function(){
    //     if(i >= 10){
    //         //清除此定时器
    //         window.clearInterval(a );
    //         return;
    //     }
    //     console.log("......." + i ++);
    // }, 1000);

    //作用：多少时间后执行 1次（强调只执行一次）
    //参数1： 要执行方法 ， 参数2 ：是 时间间隔
    let b = window.setTimeout(method, 1000);

    function method(){
        if(i >= 10) {
            //清除定时器
            window.clearTimeout(b);
            return;
        }
        console.log("============" + i);
        i ++;
        b = window.setTimeout(method, 1000);
    }




</script>
</html>